<template>
  <div class="b-table">
    <template v-if="$slots.query">
      <div class="table-query">
        <slot name="query"></slot>
      </div>
    </template>

    <template v-if="$slots.toolbar">
      <div class="table-toolbar">
        <slot name="toolbar"></slot>
      </div>
    </template>

    <flex-table>
      <slot></slot>
    </flex-table>
  </div>
</template>

<script setup name="BTable"></script>

<style lang="scss" scoped>
.b-table {
  display: flex;
  height: 100%;
  flex: 1;
  flex-direction: column;
  //border: 1px solid red;

  .table-query {
    margin-bottom: 5px;
  }

  .table-toolbar {
    margin-bottom: 5px;
  }
}
</style>
